<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>图书管理系统</title>
    <!--   jquery -->
    <script th:src="@{/js/jquery3.6.3.js}"></script>
    <!-- 登录页面样式表   -->
    <link rel="stylesheet" th:href="@{/css/login.css}"/>
    <!-- 登录页按钮样式表  -->
    <link rel="stylesheet" th:href="@{/css/login_button.css}"/>
    <!--  网站图标  -->
    <link rel="icon" th:href="@{/img/favicon.png}">
    <!--  登录js  -->
    <script th:src="@{/js/register_login.js}"></script>
    <!--  主要的js  -->
    <script th:src="@{/js/main.js}"></script>

    <link type="text/css" rel="stylesheet" th:href="@{/css/checkbox.css}">
</head>
<body>
<div class="outer_box">
    <div class="back_one"></div>
    <div class="back_two"></div>
    <form action="#" method="get" id="loginForm">
        <div class="login_box">
            <h3 class="title" th:text="#{login.page}">登录页面</h3>
            <p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}">
            </p>
            <p>
                <input type="text" th:placeholder="#{login.phoneNumber}" name="username"/>
            </p>
            <p><input type="password" th:placeholder="#{login.password}" name="password"/></p>
            <p>
                <button type="button" onclick="login(username.value,password.value)">SIGN ON</button>
            </p>
            <p class="login">
                <span><a th:href="@{/page/register}" class="a" th:text="#{login.register}">注册</a></span>
            <div style="padding-left: 44%">
                <div class="checkbox-wrapper-31">
                    <input  type="checkbox" onclick="checkbox()"  checked >
                    <svg viewBox="0 0 35.6 35.6">
                        <circle class="background" cx="17.8" cy="17.8" r="17.8"></circle>
                        <circle class="stroke" cx="17.8" cy="17.8" r="14.37"></circle>
                        <polyline class="check" points="11.78 18.12 15.55 22.23 25.17 12.87"></polyline>
                    </svg>
                </div>
            </div>
            </p>
        </div>
    </form>
</div>
</body>
</html>
